/* multicolumn layout using flexbox courtesy from Bootstrap 4.3.1*/
.flex-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.flex-col-1, 
.flex-col-2, 
.flex-col-3 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.flex-col-1{flex: 1 1 0;}
.flex-col-2{flex: 2 1 0;}
.flex-col-3{flex: 3 1 0;}

.flex-col-1 > :first-child,
.flex-col-2 > :first-child,
.flex-col-3 > :first-child {
	margin-top: 0;}